<template>
  <view class="person-header">
    <EmptyTop />
    <view class="shop-name-wrap">
      <text>{{ activeShop&&activeShop.shopName }}</text>
    </view>
    <!-- <view class="shop-info-wrap">
      <text>{{ activeShop.shopPhone }}</text>
    </view>-->
  </view>
</template>

<script>
import EmptyTop from "../../../components/public/EmptyTop/index.vue";
import { mapState, mapGetters } from "vuex";
export default {
  components: {
    EmptyTop
  },
  data() {
    return {};
  },
  computed: {
    ...mapState({
      mainShop: state => state.user.mainShop
    }),
    ...mapGetters({
      activeShop: "activeShop"
    })
  },
  mounted() {
    console.log(this.mainShop, this.activeShop);
  }
};
</script>

<style scoped lang="scss">
.person-header {
  padding: 30rpx;
  background-color: $themeColor;
  color: #ffffff;
  .shop-name-wrap {
    text-align: center;
  }
  .shop-info-wrap {
    font-size: $uni-font-size-sm;
    text-align: center;
    margin-top: 20rpx;
  }
}
</style>
